<template>
  <view class="content">
    <text style="font-size: 30px;">子组件A</text>
    <view class="coma_box">
      <text>父组件传进来的值：</text>
      <text style="font-weight: bold; color: red;">{{ intent }}</text>
    </view>
    <button type="primary" @click="sendToCompB">传值给CompB组件</button>
  </view>
</template>

<script>
export default {
  // 接收父组件传值
  props: ['intent'],
  methods: {
    // 触发事件，向父组件传递“要给兄弟组件的值”
    sendToCompB() {
      this.$emit('sendToBrother', this.intent);
    }
  }
}
</script>

<style scoped>
.content {
  padding: 20rpx;
  background-color: #ffcc99;
}
.coma_box {
  margin: 10rpx 0;
}
</style>